<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function fun1(){
				document.write("下拉菜单选择的内容发生了变化")
			}
			function fun2(){
				document.write("你触发了单击事件")
			}
			function fun3(){
				document.getElementById("btn").innerHTML="你的鼠标移动到按钮上了";
			}
			function fun4(){
				document.getElementById("btn").innerHTML="你的鼠标从按钮上移除了";
			}
			function fun5(){
				document.write("页面加载完成后，你这个方法才可以执行，避免浏览器自上向下解析到这里时用到下面body中还没有加载好的内容")
			}
		</script>
	</head>
	<body onload="fun5()">
		
		<button id="btn" type="button" onclick="fun2()" onmouseover="fun3()" onmouseout="fun4()">按钮</button>
		
		<select id="month" onchange="fun1()">
			<option>1月份</option>
			<option>2月份</option>
		</select>
		
		
	</body>
</html>
